.couponsWrap{
  height: calc(100vh - 100px);
  background-image: linear-gradient(to top, #accbee 0%,  #e7f0fd 100%);
  overflow-y: auto;
  padding-bottom: 24px;
  .coupons{
    //display: flex;
    //flex-direction: column;
    //justify-content: center;
    //align-items: center;
    ////height: 600px;
    //overflow-y: scroll;
    ////background-color: #0D97FF;
    //padding: 0 12px 12px 12px;
    //border-radius: 16px;
    width: 95%;
    margin: 24px auto 0;
    border-radius: 24px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    .couponItem{
      width: 100%;
      height: 138px;
      position: relative;
      background: #ffcbe5;
      border-radius: 16px;
      box-sizing: border-box;
      margin-top: 16px;
      .couponLeftTag{
        //position: absolute;
        //left: 0;
        //top: 0;
        position: absolute;
        top: 0;
        left: 0;
        min-width: 60px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        background: #ffe9e7;
        color: #fd483a;
        font-size: 18px;
        font-weight: 500;
        border-radius: 16px 0;
        box-sizing: border-box;
      }
      .couponCardItem{
        width: 100%;
        height: 100%;
        display: flex;
        //flex-direction: column;
        justify-content: space-between;
        align-items: center;
        .couponLeft{
          min-width: 100px;
          text-align: center;
          //background: red;
          color: #fd483a;
          width: 260px;
          .unit{
            font-size: 24px;
            font-weight: 600;
            height: 22px;
          }
          .value{
            font-size: 42px;
            font-weight: 700;
            height: 32px;
          }
          .desc{
            width: 100%;
            text-align: center;
            white-space: nowrap;
            font-size: 22px;
            font-weight: 400;
            margin-top: 12px;
          }
        }
        .couponLine{
          width: 1px;
          height: 82px;
          //background-color: yellow;
          border-left: 2px dashed red;
          //border-left-style: dotted;
          box-sizing: border-box;
        }
        .couponCenter{
          min-width: 200px;
          width: calc(100% - 368px);
          text-align: left;
          padding-left: 24px;
          //background: yellow;
          font-size: 14px;
          font-weight: 400;
          color: #383838;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: flex-start;
          .name{
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            font-size: 28px;
            font-weight: bold;
            color: #262626;
          }
          .validityTime{
            line-height: 22px;
            font-size: 22px;
            margin-top: 12px;
          }
          .desc{
            font-size: 22px;
            margin-top: 12px;
          }
        }
        .right, .rightTag{
          width: 110px;
          height: 55px;
          border-radius: 30px;
          background: linear-gradient(225deg, #ff6619 0%, #ff1c1c 100%);
          color: #fff;
          font-size: 28px;
          font-weight: 500;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-right: 12px;
        }
        .rightTag{
          background: transparent;
        }
      }
    }

  }
}
